@(id: String)

<div class="page-sidebar-wrapper">
	<div class="page-sidebar navbar-collapse collapse">
		<ul class="page-sidebar-menu " data-auto-scroll="true" data-slide-speed="200" id="projects">

			<li class="sidebar-toggler-wrapper">
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				<div class="sidebar-toggler">
				</div>
				<h4 class="platform-title" >
				</h4>

					<!-- END SIDEBAR TOGGLER BUTTON -->
			</li>
			<li style="height: 10px"></li>

			<li id='assemblePredict'>
				<a href='@routes.GenomeController.assemblePredictBefore()'>
					<i class=''></i>
					<span class='title'>组装预测</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='mummer'>
				<a href='@routes.GenomeController.mummerBefore()'>
					<i class=''></i>
					<span class='title'>共线性分析(变异检测)</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='orthoMcl'>
				<a href='@routes.GenomeController.orthoMclBefore()'>
					<i class=''></i>
					<span class='title'>OrthoMcl(同源基因分析)</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='phyTree'>
				<a href='@routes.GenomeController.phyTreeBefore()'>
					<i class=''></i>
					<span class='title'>系统发育树(SNP)</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='crispr'>
				<a href='@routes.GenomeController.crisprBefore()'>
					<i class=''></i>
					<span class='title'>CRISPR分析</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='anno'>
				<a href='@routes.GenomeController.annoBefore()'>
					<i class=''></i>
					<span class='title'>GO/KEGG功能注释</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='vfdb'>
				<a href='@routes.GenomeController.vfdbAnnoBefore()'>
					<i class=''></i>
					<span class='title'>VFDB注释(毒力因子) </span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='ardb'>
				<a href='@routes.GenomeController.ardbAnnoBefore()'>
					<i class=''></i>
					<span class='title'>ARDB注释(抗性/耐药) </span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='cazy'>
				<a href='@routes.GenomeController.cazyAnnoBefore()'>
					<i class=''></i>
					<span class='title'>Cazy注释(碳水化合物相关酶)</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='phi'>
				<a href='@routes.GenomeController.phiAnnoBefore()'>
					<i class=''></i>
					<span class='title'>PHI注释(病原与宿主互作)</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='tcdb'>
				<a href='@routes.GenomeController.tcdbAnnoBefore()'>
					<i class=''></i>
					<span class='title'>TCDB注释(转运蛋白分类)</span>
					<span class='selected'></span>
				</a>
			</li>

			<li id='pfam'>
				<a href='@routes.GenomeController.pfamAnnoBefore()'>
					<i class=''></i>
					<span class='title'>PFAM注释</span>
					<span class='selected'></span>
				</a>
			</li>

@*			<li id='assemble'>*@
@*				<a href='@routes.GenomeController.assembleBefore()'>*@
@*					<i class=''></i>*@
@*					<span class='title'>组装</span>*@
@*					<span class='selected'></span>*@
@*				</a>*@
@*			</li>*@

@*			<li id='predict'>*@
@*				<a href='@routes.GenomeController.predictBefore()'>*@
@*					<i class=''></i>*@
@*					<span class='title'>预测</span>*@
@*					<span class='selected'></span>*@
@*				</a>*@
@*			</li>*@

		</ul>
	</div>

	<script>
			$(function () {
				var menuContainer = jQuery('.page-sidebar ul');
				menuContainer.children('li.active').removeClass('active');
				$("#" + "@id").addClass('active')


			})
	</script>

</div>
